<!DOCTYPE html>
<html lang=en>
{% load static %}
<head>
    <meta charset=UTF-8>
    <title>Python学习网站</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href={% static "css/index.css" %} rel="stylesheet" type="text/css" media="screen"/>
    <script type="text/javascript" charset="utf8" src={% static "kindeditor/kindeditor-all.js" %}></script>
    <script type="text/javascript" charset="utf8" src={% static "kindeditor/lang/zh-CN.js" %}></script>
    <script type="text/javascript" charset="utf8" src={% static "kindeditor/config.js" %}></script>
</head>

<body>
<div id="page">
    <header>

        <img style="float: left" src={% static "images/logo.png" %} width="303" height="82" alt="logo"/>
        <div style="float: right">
            <a href="{{ nav2 }}">{{ nav1 }}</a>
            <a href="{{ nav4 }}">{{ nav3 }}</a>
            <a href="/publish">发布文章</a>
        </div>

        <br/>
        <img style="clear: both" src={% static "images/bg_banner_grey.gif" %} width="980" height="5" alt="logo_banner"/>

    </header>
    <div id="content" style="float: left;word-break: break-all">
        <div class="post">
            <h1>{{ article.title }}</h1>
            <br/>
            {{ article.content | safe }}
        </div>

        {% if img %}
            <img src="{{ img.img.url }}"/>
            <a>{{ img.img.url }}</a>
        {% endif %}

        <hr/>
        <h2>评论数据:</h2>
        {% for content in comment_content %}
            <li>{{ content.content |safe }}</li>
        {% endfor %}
        <form method="post">{% csrf_token %}
            <label>发表评论</label>
            <div class="form-group">
                <div class="textarea">
                    <div class="textarea">
                        <textarea style="width:600px;height:400px;" name='content'>在此输入评论的内容</textarea>
                    </div>
                </div>
            </div>


            <button type="submit" class="btn btn-default">提交评论</button>

        </form>


    </div>
    {#  <div id="sidebar">#}
    {##}
    {#	<ul>#}
    {##}
    {#    <li>#}
    {#					<h2> Python教程分类 </h2>#}
    {#					<ul>#}
    {#                        {% for type in articletype %}#}
    {#				        <li>{{ type.articletype }}</li>#}
    {#                        {% endfor %}#}
    {#					</ul>#}
    {#    </li>#}
    {##}
    {#    </ul>#}
    {#    <br />#}
    {##}
    {#<p>#}
    {#    <a href="http://validator.w3.org/check?uri=referer">#}
    {#        <img#}
    {#        src={%static "images/HTML5_Logo.png"%} alt="Valid HTML5"/></a>#}
    {#  </p>#}
    {#  <br />#}
    {#  <p>#}
    {#<a href="http://jigsaw.w3.org/css-validator/check/referer">#}
    {#    <img style="border:0;width:88px;height:31px"#}
    {#        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"#}
    {#        alt="Valid CSS!" />#}
    {#</a>#}
    {#</p>#}
    {#  <br />#}
    {#  <p>#}
    {#<a href="http://creativecommons.org/licenses/by/3.0/">#}
    {#    <img style="border:0;width:88px;height:31px"#}
    {#        src="http://i.creativecommons.org/l/by/3.0/88x31.png"#}
    {#        alt="Creative Commons Attribution 3.0 Unported License!" />#}
    {#</a>#}
    {#</p>#}
    {##}
    {##}
    {#  </div>#}
    <div style="clear: both;">&nbsp;</div>
    {#  <img src={% static "images/bg_banner_grey.gif" %}width="980" height="5" alt="logo_banner" />#}
    <footer>
        Your Site Name
        © 2011 | Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a>
    </footer>
</div>
</body>
</html>
